<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>个人信息</title>
    <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no"/>
    <script src="Bootstrap/js/jquery-1.11.1.min.js"></script>
    <link href="Bootstrap/css/bootstrap.min.css" rel="stylesheet">
    <!--<script src="Bootstrap/js/bootstrap.min.js"></script>-->
    <style>
        *{margin: 0px;;padding: 0px;font-size: 13px;list-style: none;text-decoration: none;}
        header{height: 40px;width: 100%;background: #20a1a1;text-align: center;color: white;line-height: 40px;}
        .back{color: white;  float: left;  line-height: 40px;  margin-left: 10px;  font-size: 13px;font-weight: bold}
        .update{float: right;margin-right: 10px;margin-top: 2px;font-size: 15px}
        img{width: 30px;height: 30px;border-radius: 15px;float: right;margin-top: -6px;margin-right: 10px}
        .glyphicon-chevron-right{float: right;color: gray}
        li input[type="text"]{width: 78%;margin-left: 10px;height: 20px;border: 0px}
        .btn-primary{width: 100%;background-color: #20a1a1;border: 0px;}
        .reset{border-bottom: 0px}
        input[type="file"]{position: absolute;margin-top: -20px;margin-left: 53px;opacity: 0}
        input[type="radio"]{margin-left: 10px}
    </style>
    <script>
        $(function () {
            $(".update").on("click",function () {
                $("input[type=text]").removeAttr("readonly");
                $("input[type=file]").removeAttr("disabled")
            })
        })
    </script>
</head>
<body>
<header class="header">
    <a onclick="history.go(-1)">
        <span class="back"><</span>
    </a>
    <span style="font-weight: bold;font-size: 15px;">个人信息</span>
    <!--<span class="update">编辑</span>-->
</header>
<ul class="list-group">
    <li class="list-group-item">用户ID：<input type="text" value="45276527687" readonly="true"></li>
    <li class="list-group-item">用户名：<input type="text" value="Acey" readonly="true"></li>
    <li class="list-group-item">手机号：<input type="text" value="17868802602" readonly="true"></li>
    <li class="list-group-item">性&nbsp;&nbsp;&nbsp;别：<input type="radio" name="sex" checked="checked">男<input type="radio" name="sex">女</li>
    <li class="list-group-item reset"><button type="button" class="btn btn-primary" >修改个人信息</button></li>
</ul>
</body>
</html>